<html>
<head>
    <title>部门管理系统</title>
    <link rel="stylesheet" type="text/css" href="/site/css/styles.css">
    <link rel="stylesheet" href="/assets/fontawesome-free-5.15.4/css/all.min.css">
    <link rel="stylesheet"  href="/assets/element-plus/index.css">
</head>
<body>
<div id="app">
    <app-header></app-header>
    <app-sidebar></app-sidebar>

    <!--主体内容-->
    <div class="main-content">
        <department-manager></department-manager>
        <p>@edu XXX大学计算机学院 班级:xxx, 学号:xx, 姓名:xxx</p>
    </div>
</div>
<!-- 引入 Vue -->
<script src="/assets/vue/vue3.min.js"></script>
<script src="/assets/element-plus/index.full.js"></script>
<!-- 引入 Axios -->
<script src="/assets/axios/axios.min.js"></script>
<script src="/site/js/tools/axios-instance.js"></script>
<script src="/site/js/tools/notification.js"></script>

<!-- 引入组件 -->
<script src="/site/js/component/header.js"></script>
<script src="/site/js/component/sidebar.js"></script>
<script src="/site/js/department/DepartmentQueryForm.js"></script>
<script src="/site/js/department/DepartmentForm.js"></script>
<script src="/site/js/department/DepartmentTable.js"></script>
<script src="/site/js/department/DepartmentManager.js"></script>
<script>
    const {createApp, reactive, onMounted} = Vue;

    const app = {
        // 使用局部注册的方式注册组件
        components: {
            AppHeader, // 注册 AppHeader
            AppSidebar,
            DepartmentManager
        }
    }
    createApp(app).use(ElementPlus).mount('#app');
</script>

</body>
</html>